<!DOCTYPE html>
<html lang="ko">
<head>
<title> 한국의 논매기 소리 </title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta charset="utf-8">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
<link href="/css/reset.css" type="text/css" rel="stylesheet" />
<link href="/css/common.css" type="text/css" rel="stylesheet" />
<link href="/css/layout.css" type="text/css" rel="stylesheet" />
<link href="/css/ui.css" type="text/css" rel="stylesheet" />
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery-ui-1.10.4.custom.min.js" type="text/javascript"></script>
<script src="/js/jquery.sidr.min.js" type="text/javascript"></script>
<script src="/js/fakeselect.js" type="text/javascript"></script>
<script src="/js/ui.js" type="text/javascript"></script>
</head>
<body class="bg_no">
<div class="">
	<!-- 팝업상단 -->
	<div class="pop_header">
		<h1><a href="#"><img src="/img/t_logo.png" alt="한국의 논매기소리"/></a></h1>
		<p class="electron_tit"><img src="/img/pop_map_tit.gif" alt="전자지도"/></p>
		<!-- 검색 -->
		<div class="form_box">
			<form method="post" action="" enctype="multipart/form-data">
				<fieldset class="">
					<legend>검색창</legend>
					<input type="text" id="keyword" title="내용을 입력하세요" name="keyword" value="" class="key_inpt" style="width:237px;"/>
					<input type="image" src="/img/pop_btn_sch.gif" alt="검색" title="검색" class="pop_sch"/> 
				</fieldset> 
			</form>
		</div>
		<!-- //검색 -->
	</div>
	<!-- //팝업상단 -->
	<div class="electron_map">
		<!-- left 메뉴 -->
		<a id="simple-menu" href="#sidr">Toggle 버튼</a>
		<div id="sidr">
			<p><strong>'충남 공주시'</strong>검색결과 총 <em>237</em>건</p>
			<ul class="ellip"><!-- 최대 17줄 표시 -->
				<li><a href="#">충남 공주시 논매기소리충남 공주시 논매기소리</a></li>
				<li><a href="#">충남 공주시 논매기소리</a></li>
				<li><a href="#">충남 공주시 논매기소리</a></li>
				<li><a href="#">충남 공주시 논매기소리</a></li>
				<li><a href="#">충남 공주시 논매기소리</a></li>
				<li><a href="#">충남 공주시 논매기소리</a></li>
				<li><a href="#">충남 공주시 논매기소리</a></li>
				<li><a href="#">충남 공주시 논매기소리</a></li>
				<li><a href="#">충남 공주시 논매기소리</a></li>
				<li><a href="#">충남 공주시 논매기소리</a></li>
				<li><a href="#">충남 공주시 논매기소리</a></li>
				<li><a href="#">충남 공주시 논매기소리</a></li>
				<li><a href="#">충남 공주시 논매기소리</a></li>
				<li><a href="#">충남 공주시 논매기소리</a></li>
				<li><a href="#">충남 공주시 논매기소리</a></li>
				<li><a href="#">충남 공주시 논매기소리</a></li>
				<li><a href="#">충남 공주시 논매기소리</a></li>
			</ul>
			<!-- 페이지 네비게이션 -->
			<div class="paginate_box">
				<div class="paginate_complex">
					<a href="#" class="dipolyion prev">이전</a>
					<strong>1</strong>
					<a href="#">2</a>
					<a href="#">3</a>
					<a href="#">4</a>
					<a href="#">5</a>
					<a href="#" class="dipolyion next">다음</a>
				</div>
			</div>
			<!-- //페이지 네비게이션 -->
		</div>
		<!-- //left 메뉴 -->
		<div class="muti_sel">
			<!-- 첫번째 -->
			<select class="bg_sel" style="width:100px;">
				<option>충청남도</option>
				<option>옵션 1</option>
				<option>옵션 2</option>
				<option>옵션 3</option>
			</select>
			<!-- //첫번째 -->
			<!-- 두번째 -->
			<select style="width:100px;">
				<option>공주시</option>
				<option>옵션 1</option>
				<option>옵션 2</option>
				<option>옵션 3</option>
				<option>옵션 4</option>
				<option>옵션 5</option>
				<option>옵션 6</option>
				<option>옵션 7</option>
				<option>옵션 8</option>
				<option>옵션 9</option>
				<option>옵션 10</option>
			</select>
			<!-- //두번째 -->
			<!-- 세번째 -->
			<select style="width:100px;">
				<option>송암리</option>
				<option>옵션 1</option>
				<option>옵션 2</option>
				<option>옵션 3</option>
				<option>옵션 4</option>
				<option>옵션 5</option>
			</select>
			<!-- //세번째 -->
		</div>
		<div class="map_img">
			지도 나옴
			<div class="pop_layer">
				<div class="map_tit">
					<h3 class="pop_bu_tit">충남의 논매기 소리</h3>
					<a href="#" class="layer_close"><img src="/img/bg_pop_layer_close.png" alt="팝업닫기"/></a>
				</div>
				<div class="map_tbox">
					<dl class="">
						<dt>- 자료구분</dt>
						<dd class="ellip_tx" style="width:250px;">충남 논매기 소리</dd>
					</dl>
					<dl class="">
						<dt>- 저작자</dt>
						<dd>최광순</dd>
					</dl>
					<dl class="">
						<dt>- 지역</dt>
						<dd class="ellip_tx" style="width:250px;">충청남도 홍성군 결성면 읍내리</dd>
					</dl>
					<dl class="">
						<dt>- 참고문헌</dt>
						<dd class="ellip_tx" style="width:250px;">&lt;한국의 민속음악 -충청남도 민요편-&gt;,한국논물을 빼고 잡풀</dd>
					</dl>
					<dl class="">
						<dt>- 설명</dt>
						<dd class="ellip_tx" style="width:250px;">모를 심고 15일정도 지나서 논물을 빼고 잡풀논물을 빼고 잡풀</dd>
					</dl>
				</div>
				<div class="btn_mapDetail">
					<a href="###" onclick="javascript:popdetail(); return false;"><img src="/img/btn_pop_info.gif" alt="정보 상세보기"/></a>
				</div>
				<!-- 미디어 플레이어 -->
				<object width="330px" height="45px" type="video/x-ms-wmv">
					<param name="Filename" value="/html/music/02 John Legend  - All Of Me.mp3">
					<param name="AutoStart" value="false"><!-- 플레이 버튼 클릭시 재생 -->
					<param name="ShowControls" value="true">
					<param name="ShowAudioControls" value="true">
					<param name="TransparentAtStart" value="false">
					<param name="ShowTracker" value="true">
					<param name="ShowPositionControls" value="true">
				</object>
				<!-- //미디어 플레이어 -->
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
//<![CDATA[
//정보 상세보기 팝업
function popdetail(){
	var popDetailurl = "/html/popup/pop_detail.html";	//팝업창에 출력될 페이지 URL
	var popDetailoption = "width=640, height=820, left=0, resizable=no , toolbars = no, top=0, scrollbars=yes, status=no;";	//팝업창 옵션(optoin) 
	window.open(popDetailurl,"",popDetailoption);
}
(function ($) {
	$(document).ready(function() {
		//좌측 메뉴
		$('#simple-menu').sidr({
			body: '.electron_map'
		});
		$( "#simple-menu" ).toggle(
			function() {
				$( "#simple-menu" ).css({"background":"url(/img/btn_close.png)"});
			},
			function() {
				$( "#simple-menu" ).css({"background":"url(/img/btn_open.png)"});
			}
		);
	});
}(jQuery));
//]]>
</script>
</body>
</html>